<template >
    <div>
        <el-card class="filter-container" shadow="never">
          <div>
          <i class="el-icon-search"></i>
          <span>筛选搜索</span>
          <el-button
            style="float:right;
            ;margin-right: 30px"
            type="primary"
            @click="handleSearchList()"
            size="small">
            查询搜索
          </el-button>
          <el-button
            style="float:right;margin-right: 15px"
            @click="handleResetSearch()"
            size="small">
            重置
          </el-button>
        </div>
  
        <div style="margin-top: 30px; " >
          <el-form style="display: inline-block;" >
          <!-- <el-form :inline="true" :model="listQuery" size="small" label-width="140px"> -->
            <div style="display: inline-block;margin-left:40px">
            <el-form-item label="输入搜索：">
              <el-input  class="input-width" placeholder="工人姓名"></el-input>
            </el-form-item>
            </div>
            <div style="display: inline-block;margin-left:40px">
            <el-form-item label="姓名：">
              <el-input  class="input-width" placeholder="小组长姓名"></el-input>
            </el-form-item>
          </div>
    
          <div style="display: inline-block;margin-left:40px">
            <el-form-item label="工人状态：">
              <el-select  class="input-width" placeholder="全部" clearable>
                <el-option 
                style="width: 80px;"
                v-for="item in statusOptions"
                :key="item.value"
                :label="item.label"
                :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
          </div>
          </el-form>
        </div>
        </el-card>
    </div>
      <div style="margin: 20px;">
        <el-table :data="group">
          <el-table-column  prop="name" label="工人姓名" />
          <el-table-column  prop="user_leader_id" label="小组长姓名" />
          <el-table-column  prop="status" label="工人状态" />
          <el-table-column  prop="note" label="备注信息" />
          <el-table-column  prop="group_user_id" label="小组成员" />
          <el-table-column fixed="right" label="操作" min-width="120" class="operate-button-container">
            <template #default>
              <el-button link type="primary" size="small" @click="dialogTableVisible3=true">
                编辑
              </el-button><br>
              <el-button link type="primary" size="small">删除</el-button>
             </template>
         </el-table-column>
        </el-table>
  
      </div>
     </template>
     <script setup>
     const group =[{
      user_leader_id:'12324',
      group_user_id:'67767',
      name:'4565',
      note:'6546',
      status:'待分配'
     }]
     </script>
     <style lang="less">
     
     </style>